<!doctype html>
<html class="no-js" lang="en">

    <head>
		<script src="assets/js/dynamic.js"></script>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		
		
        <title>欢迎来到武汉大学！</title>
		
		<link href="01.css" rel="stylesheet">
		<link rel="shortcut icon" href="https://www.whu.edu.cn/favicon.ico">        
        <link rel="stylesheet" href="assets/css/style.css">
    </head>
	
	<body>
		<header class="top-area">
				<nav class="mynav nav1 mynav-fixed">
			                <a class="mynav-brand" href="#"><img src="whu.png" width="130" height="60"></a>
	
			            <div id="mynav-menu">
                            <p><!--wwjnb-->
                                <ul class="nav mynav-nav" data-in="fadeInDown" data-out="fadeOutUp">
                                    <li></li>
									<li class="smooth-menu"><button class="nav" type="submit" onclick="testa()">武大简介</button></li>
                                    <li class="smooth-menu"><button class="nav" type="submit" onclick="testb()">武大传送门</button></li>
                                    <li class="smooth-menu"><button class="nav" type="submit" onclick="testc()">院系导航</button></li>
                                    <li class="smooth-menu"><button class="nav" type="submit" onclick="testd()">校园生活</button></li>
                                    <li class="smooth-menu"><button class="nav" type="submit" onclick="teste()">武大年表</button></li>
                                    <li class="smooth-menu"><button class="nav" type="submit" onclick="testf()">联系我们</button></li>
									<li class="smooth-menu"><button class="nav" type="submit" onclick="testg()">回到顶部</button></li>
                                </ul>
                            </p>
			            </div>
			    </nav><!--/nav-->
		</header>
		<style>
			@keyframes fadein {
				from{opacity: 0; margin-top: 70px;}
				to{opacity: 100; }
			}
			.fade-in1{
				animation: fadein 0.5s;
			}
			.fade-in2{
				animation: fadein 1s;
			}
		</style>
		<section id="welcomeWhuer" class="welcome-whuer">
			<div class="container">
				<div class="row">
					<div class="welcomecol text-center">
						<div class="CLASS">
						<div class="header-text">
							<h3 data-text="WELCOME TO" class="fade-in1">欢迎来到</h3><br> <h2 data-text="武汉大学" class="fade-in2">武汉大学</h2><br>
							<h3 class="fade-in2">走入传送门，一起云上武大</h3>
							<p class="fade-in2">自强 弘毅 求是 拓新</p>

						</div>
						</div>
					</div>
				</div>
			</div>

		</section>

		<section id="index" class="index">
			<div class="section-heading text-center">
				<h2>武大简介</h2>
			</div>
				<div class="whujianjie">
					<div class="row">
						<div class="dailycol">
							<div class="whubrief">
								<div class="jianjie">
									<h2>地理特点</h2>
									<h3>林秀山茂</h3>
								</div><!--/.jianjie-->
								<div class="timeline-horizontal-border">
									<span class="single-line-horizontal"></span>
								</div>
								<div class="timeline">
									<div class="subheader">
										<h4 class="subheader">
											悠远的珞珈山脉
										</h4>
										<h5>雪傲灵狐</h5>
										<p class="description">
											僻静，似乎与世无争；宁遐，似有留存自傲，
											时有花香拂鼻，时有木洒微光。
											寻见此时，我们地处幽凉，能静，亦“青争”，我们从未因为“僻”，而“离”社会
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="dailycol">
							<div class="whubrief">
								<div class="jianjie">
									<h2>院系介绍</h2>
									<h3>文理双全</h3>
								</div><!--/.jianjie-->
								<div class="timeline-horizontal-border">
									<span class="single-line-horizontal"></span>
								</div>
								<div class="timeline">
									<div class="timeline-content">
										<h4 class="subheader">
											精明的全面发展
										</h4>
										<h5>各具特点</h5>
										<p class="description">
											我们能行“四大天王”：信息学院，文理学院，工学院，医学院。
											观名，能出其论。信息乐争一流，遥感，测绘领跑全球，计科，网安力抢前沿；
											文理独领风骚，哲法一辩群雄,工医各司其职，行践本路
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="dailycol">
							
								<div class="whubrief">
									<div class="jianjie">
										<h2>优秀校友</h2>
										<h3>此哉光显</h3>
									</div>
									<div class="timeline-horizontal-border">
										<span class="single-line-horizontal"></span>
									</div>
									<div class="timeline">
										<div class="timeline-content">
											<h4 class="subheader">
												杰出的各路神仙
											</h4>
											<h5>雕刻传奇</h5>
											<p class="description">
												黄彰任，入美国国会，森美实业公司董事；欧阳予，中国核电之父；庹震，人民日报社长；
												艾路明，武汉当代科技产业集团股份有限公司创始人；雷军，小米科技创始人；
												下一个，你！！！

											</p>
										</div>
									</div>
								</div>
						</div>
					</div>
				</div>

		</section>
		<br><br><br><br>


<!--这里是张可为广场-->

<section id="view" class="picss">
	<div class="section-heading text-center">
		<h2>武大传送门</h2>
		<h3>点击你喜欢的图片以获得详细信息</h3>
	</div>
	<!--动画效果-->
	<style>
		#ppt2 {
			width: 9999px;
			height: 9999px;
			animation: switch 18s infinite;
			border-radius:10%;
		}

			#ppt2 > img {
				float: left;
			}

		#ppt1 {
			display: block;
			height: 650px;
			align-self: auto;
			object-fit: contain;
			overflow: hidden;
		}

		@keyframes switch {
			0% {
			}
			3% {
				transform: translateX(0px);
			}
			22% {
				transform: translateX(-900px);
			}
			39% {
				transform: translateX(-1800px);
			}
			55% {
				transform: translateX(-2700px);
			}
			74% {
				transform: translateX(-3600px);
			}
			89%{
				transform: translateX(-4520px);
			}
			100%{
				transform: translateX(-5425px);
			}
		}
		.justi{
			height: 500px;
			width: 880px;
			border-radius: 5%;
			box-shadow: 2px 2px 5px 3px  #868e8a;
			margin: 10px;
		}
	</style>
	<br><br><br><br>
	<div id="ppt1">
		<div id="ppt2">
			<button onclick="pica()"><img class="justi" src="assets/images/about/xingzhenglou.png" /></button>
			<button onclick="picb()"><img class="justi" src="assets/images/about/laotushuguan.jpg" /></button>
			<button onclick="picc()"><img class="justi" src="assets/images/about/pailou.jpg" /></button>
			<button onclick="picd()"><img class="justi" src="assets/images/about/songqingguan.jpg" /></button>
			<button onclick="pice()"><img class="justi" src="assets/images/about/laolixuelou.jpg" /></button>
			<button onclick="pice()"><img class="justi" src="assets/images/about/kunpengguangchang.png" /></button>
			<button onclick="pica()"><img class="justi" src="assets/images/about/xingzhenglou.png" /></button>
			<button onclick="picb()"><img class="justi" src="assets/images/about/laotushuguan.jpg" /></button>
		</div>
	</div>

</section>
		<section id="about" class="about">
			<!--行政楼-->
			<div class="section-heading text-center" id="xingzhen">
			<h2>行政楼</h2>
			</div>
			<div class="container">
			<div class="about-content">
				<div class="row">						
					<div class="sm-txt">
						<div class="Portry" >
							<h3 class="font002">
								<br><br>
								它在珞珈山下静静守候<br>
								中西建筑风格交融<br>
								四廊相通<br>
								玻璃屋顶大气而不失浪漫<br>
								镌刻“武汉大学”四字<br>
								引无数行人肃穆相望<br>									
							Ta是——<font class="font001">行政楼</font>								
							</h3>
						</div>
					</div>
					<div class="sm-pics">
						<div class="single-about-img">
							<a href="https://baike.baidu.com/item/%E6%AD%A6%E6%B1%89%E5%A4%A7%E5%AD%A6%E8%A1%8C%E6%94%BF%E6%A5%BC?fromModule=lemma_search-box" target="_blank">
							<img src="assets/images/about/xingzhenglou.png">
						</a>
							<div class="hoverButton">
								<ul>
									<li>
										<a href="https://baike.baidu.com/item/%E6%AD%A6%E6%B1%89%E5%A4%A7%E5%AD%A6%E8%A1%8C%E6%94%BF%E6%A5%BC?fromModule=lemma_search-box" target="_blank">
											点击此处了解更多
										</a>
									</li>										
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>	
			<!--行政楼-->
			<br><br><br><br><br>
			<!--老图-->
			<div class="section-heading text-center" id="tushu">
				<h2>老图书馆</h2>
			</div>
			<div class="container">
				<div class="about-content">
					<div class="row">						
						<div class="sm-txt">
							<div class="Portry" >
								<h3 class="font002">
									<br>
									这里，是武大海拔最高的建筑<br>
									登上制高点可俯瞰东湖水<br>
									南望珞珈山，北眺江城<br>
									文化、科技、时代精神<br>
									在这里交相辉映<br>
									上立七环宝鼎，外墙八边形<br>
									刻苦读书，潜心治学之意<br>
									从这里绵延至整个珞珈山<br>									
								Ta是——<font class="font001">老图书馆</font>								
								</h3>
							</div>
						</div>
						<div class="sm-pics">
							<div class="single-about-img">
								<a href="https://baike.baidu.com/item/%E6%AD%A6%E6%B1%89%E5%A4%A7%E5%AD%A6%E8%80%81%E5%9B%BE%E4%B9%A6%E9%A6%86?fromModule=lemma_search-box" target="_blank">								
								<img src="assets/images/about/laotushuguan.jpg">
								</a>
								<div class="hoverButton">
									<ul>
										<li>
											<a href="https://baike.baidu.com/item/%E6%AD%A6%E6%B1%89%E5%A4%A7%E5%AD%A6%E8%80%81%E5%9B%BE%E4%B9%A6%E9%A6%86?fromModule=lemma_search-box" target="_blank">
												点击此处了解更多
											</a>
										</li>										
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--老图-->
			<br><br><br><br><br>			
			<!--国立武汉大学牌楼-->
			<div class="section-heading text-center" id="pailou">
			<h2>国立武汉大学牌楼</h2>
			</div>
			<div class="container">
			<div class="about-content">
				<div class="row">						
					<div class="sm-txt">
						<div class="Portry" >
							<h3 class="font002">
								<br><br>
								立柱顶上云纹精美<br>
								背面小篆“文法理工农医”<br>
								有着“学大汉武立国”的豪迈<br>
								见证了自强不息的风雨历程<br>
								凝注着武大学子的珞珈情结<br>
								当之无愧的“门面担当”<br>							
							Ta是——<font class="font001">国立武汉大学牌楼</font>								
							</h3>
						</div>
					</div>
					<div class="sm-pics">
						<div class="single-about-img">
							<a href="https://baike.baidu.com/item/%E6%AD%A6%E6%B1%89%E5%A4%A7%E5%AD%A6%E7%89%8C%E6%A5%BC/3271452?fr=aladdin" target="_blank">
							<img src="assets/images/about/pailou.jpg">
						</a>
							<div class="hoverButton">
								<ul>
									<li>
										<a href="https://baike.baidu.com/item/%E6%AD%A6%E6%B1%89%E5%A4%A7%E5%AD%A6%E7%89%8C%E6%A5%BC/3271452?fr=aladdin" target="_blank">
											点击此处了解更多
										</a>
									</li>										
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>	
			<!--国立武汉大学牌楼-->
			<br><br><br><br><br>
			<!--宋卿体育馆-->
			<div class="section-heading text-center" id="tiyuguan">
				<h2>宋卿体育馆</h2>
			</div>
			<div class="container">
				<div class="about-content">
					<div class="row">						
						<div class="sm-txt">
							<div class="Portry" >
								<h3 class="font002"><br><br>
									青砖绿瓦，巴洛克式山墙<br>
									Ta是武汉大学最古老的体育馆<br>
									沉淀着历史的风韵<br>
									陪伴着无数学子<br>
									挥洒汗水，激扬青春<br>								
								Ta是——<font class="font001">宋卿体育馆</font>								
								</h3>
							</div>
						</div>
						<div class="sm-pics">
							<div class="single-about-img">
								<a href="https://baike.baidu.com/item/%E5%AE%8B%E5%8D%BF%E4%BD%93%E8%82%B2%E9%A6%86?fromModule=lemma_search-box" target="_blank">
								<img src="assets/images/about/songqingguan.jpg">
							</a>
								<div class="hoverButton">
									<ul>
										<li>
											<a href="https://baike.baidu.com/item/%E5%AE%8B%E5%8D%BF%E4%BD%93%E8%82%B2%E9%A6%86?fromModule=lemma_search-box" target="_blank">
												点击此处了解更多
											</a>
										</li>										
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--宋卿体育馆-->
			<br><br><br><br><br>
			<!--老理学楼-->
			<div class="section-heading text-center" id="laolixuelou">
			<h2>老理学楼</h2>
			</div>
			<div class="container">
			<div class="about-content">
				<div class="row">						
					<div class="sm-txt">
						<div class="Portry" >
							<h3 class="font002"><br><br>
								遥望珞珈山，背临东湖水<br>
								八角面墙体，拜占庭式风格<br>
								主露穹窿圆屋顶<br>
								四角重檐攒尖顶<br>
								青砖白墙，红木雕花<br>
								带你穿越回从前的时光<br>							
							Ta是——<font class="font001">老理学楼</font>								
							</h3>
						</div>
					</div>
					<div class="sm-pics">
						<div class="single-about-img">
							<a href="https://baike.baidu.com/item/%E7%90%86%E5%AD%A6%E6%A5%BC/3741779?fr=aladdin" target="_blank">
							<img src="assets/images/about/laolixuelou.jpg">
						</a>
							<div class="hoverButton">
								<ul>
									<li>
										<a href="https://baike.baidu.com/item/%E7%90%86%E5%AD%A6%E6%A5%BC/3741779?fr=aladdin" target="_blank">
											点击此处了解更多
										</a>
									</li>										
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>	
			<!--老理学楼-->
			<br><br><br><br><br>
			<!--鲲鹏广场-->
			<div class="section-heading text-center" id="kunpeng">
				<h2>鲲鹏广场</h2>
			</div>
			<div class="container">
				<div class="about-content">
					<div class="row">						
						<div class="sm-txt">
							<div class="Portry" >
								<h3 class="font002"><br><br>
									这里，是打卡地之一<br>
									春日赏樱的必来之处<br>
									展翅飞翔的特色雕塑<br>
									北冥深广，鲲翼垂天<br>
									四季流转，风采依然<br>					
								Ta是——<font class="font001">鲲鹏广场</font>								
								</h3>
							</div>
						</div>
						<div class="sm-pics">
							<div class="single-about-img">
								<a href="https://baike.baidu.com/item/%E9%B2%B2%E9%B9%8F%E5%B9%BF%E5%9C%BA/3271962?fromModule=lemma-qiyi_sense-lemma" target="_blank">
								<img src="assets/images/about/kunpengguangchang.png">
							</a>
								<div class="hoverButton">
									<ul>
										<li>
											<a href="https://baike.baidu.com/item/%E9%B2%B2%E9%B9%8F%E5%B9%BF%E5%9C%BA/3271962?fromModule=lemma-qiyi_sense-lemma" target="_blank">
												点击此处了解更多
											</a>
										</li>										
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--鲲鹏广场-->
		</section>
		 
<!--广场尽头-->

		<!--凌志到此一游（已改标签，修缩进） 2022.10.26-->
	    <!--院系导航 -->
		<section id="nav11" class="faculty-guidance">
			<div class="faculty-guidance-details">
				<div class="section-heading text-center">
					<h2>院系导航</h2>
				</div>				
				<div class="container">
					<!--信部-->
					<div class="faculty-guidance-content">
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"></a>
										<div class="faculty-name"><b>信息科学学部</b></div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"><img src="assets/images/faculty/xinbu.webp"></a><!--插入图片-->
											<div class="faculty-name"><b>信息科学学部</b></div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://cs.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">计算机学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://cs.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/jike.png" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">计算机学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://eis.whu.edu.cn/index.shtml" target="_blank"></a>
										<div class="faculty-name">电子信息学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://eis.whu.edu.cn/index.shtml" target="_blank"><img src="assets/images/faculty/dianxin.png" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">电子信息学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://main.sgg.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">测绘学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://main.sgg.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/cehui.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">测绘学院</div>
										</div>
									</div>
								</div>
							</div>
						</div><!--信部row1-->
						<div class="faculty-guidance-border"></div>
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://rsgis.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">遥感信息工程学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://rsgis.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/yaogan.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">遥感信息工程学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://cse.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">国家网络安全学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://cse.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/wangan.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">国家网络安全学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://pps.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">图像与印刷包装研究中心</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://pps.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/yinshua.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">图像与印刷包装研究中心</div>
										</div>
									</div>
								</div>
							</div>
						</div><!--信部row2-->
					</div><!--信部faculty-guidance-content-->
					<!--信部结束-->	

					<!--人文-->
					<div class="faculty-guidance-content">
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"></a>
										<div class="faculty-name"><b>人文科学学部</b></div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"><img src="assets/images/faculty/renwen.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name"><b>人文科学学部</b></div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href=""></a>
										<div class="faculty-name">哲学学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://philosophy.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/zheyuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">哲学学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://guoxue.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">国学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://guoxue.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/guoyuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">国学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block profile-no-border">
									<div class="faculty-text">
										<a href="http://chinese.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">文学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://chinese.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/wenyuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">文学院</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="faculty-guidance-border"></div>
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://fls.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">外国语言文学学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://fls.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/waiyuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">外国语言文学学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://journal.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">新闻与传播学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://journal.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/xinchuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">新闻与传播学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://art.whu.edu.cn/ydy.htm" target="_blank"></a>
										<div class="faculty-name">艺术学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://art.whu.edu.cn/ydy.htm" target="_blank"><img src="assets/images/faculty/yiyuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">艺术学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block profile-no-border">
									<div class="faculty-text">
										<a href="http://www.history.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">历史学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://www.history.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/liyuan.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">历史学院</div>
										</div>
									</div>
								</div>
							</div>
						</div><!--人文row2-->
					</div><!--人文faculty-guidance-content-->
					<!--人文部结束-->

					<!--社科-->
					<div class="faculty-guidance-content">
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"></a>
										<div class="faculty-name"><b>社会科学学部</b></div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"><img src="assets/images/faculty/sheke.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name"><b>社会科学学部</b></div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://ems.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">经济与管理学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://ems.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/jingguan.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">经济与管理学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://law.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">法学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://law.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/fayuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">法学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block profile-no-border">
									<div class="faculty-text">
										<a href="http://www.marx.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">马克思主义学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://www.marx.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/mayuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">马克思主义学院</div>											</div>
									</div>
								</div>								
							</div>
						</div>
						<div class="faculty-guidance-border"></div>
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://shxx.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">社会学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://shxx.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/sheyuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">社会学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://www.pspa.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">政治与公共管理学院</div>
									</div>
								<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://www.pspa.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/zhengguan.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">政治与公共管理学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://ces.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">教育科学研究院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://ces.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/jiaoke.png" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">教育科学研究院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block profile-no-border">
									<div class="faculty-text">
										<a href="http://sim.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">信息管理学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://sim.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/xinguan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">信息管理学院</div>
										</div>
									</div>
								</div>
							</div>
						</div><!--社科row2-->
					</div><!--社科faculty-guidance-content-->
					<!--社科部结束-->

					<!--理学部-->	
					<div class="faculty-guidance-content">
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"></a>
										<div class="faculty-name"><b>理学部</b></div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"><img src="assets/images/faculty/lixue.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name"><b>理学部</b></div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://maths.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">数学与统计学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://maths.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/shuyuan.png" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">数学与统计学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://physics.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">物理科学与技术学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://physics.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/wuyuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">物理科学与技术学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block profile-no-border">
									<div class="faculty-text">
										<a href="http://www.chem.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">化学与分子科学学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://www.chem.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/huayuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">化学与分子科学学院</div>
										</div>
									</div>
								</div>
							</div>
						</div><!--理学row1-->
						<div class="faculty-guidance-border"></div>
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://bio.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">生命科学学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://bio.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/shengke.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">生命科学学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://www.chem.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">资源与环境科学学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://www.chem.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/zihuan.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">资源与环境科学学院</div>
										</div>
									</div>
								</div>
						    </div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://gdyjy.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">高等研究院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://gdyjy.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/gaodengyanjiuyuan.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">高等研究院</div>
										</div>
									</div>
								</div>
							</div>
						</div><!--理部row2-->
					</div><!--理部faculty-guidance-content-->
					<!--理学部结束-->

					<!--工学部-->
					<div class="faculty-guidance-content">
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"></a>
										<div class="faculty-name"><b>工学部</b></div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="https://www.whu.edu.cn/jgsz/yxsz.htm" target="_blank"><img src="assets/images/faculty/gongxue.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name"><b>工学部</b></div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://pmc.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">动力与机械学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://pmc.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/dongji.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">动力与机械学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://eea.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">电气与自动化学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://eea.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/dianqi.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">电气与自动化学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block profile-no-border">
									<div class="faculty-text">
										<a href="http://iwes.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">水工程科学研究院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://iwes.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/shuigong.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">水工程科学研究院</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="faculty-guidance-border"></div>
						<div class="row">
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://sud.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">城市设计学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://sud.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/chengshe.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">城市设计学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://civ.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">土木建筑工程学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://civ.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/tumu.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">土木建筑工程学院</div>
										</div>
									</div>
								</div>
								</div>
							<div class="tabcol">
								<div class="faculty-block">
									<div class="faculty-text">
										<a href="http://swrh.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">水利水电学院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://swrh.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/shuili.jpg" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">水利水电学院</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tabcol">
								<div class="faculty-block profile-no-border">
									<div class="faculty-text">
										<a href="http://technology.whu.edu.cn/" target="_blank"></a>
										<div class="faculty-name">工业科学研究院</div>
									</div>
									<div class="faculty-block-overlay">
										<div class="faculty-text">
											<a href="http://technology.whu.edu.cn/" target="_blank"><img src="assets/images/faculty/gongyan.webp" class="daolan"></a><!--插入图片-->
											<div class="faculty-name">工业科学研究院</div>
										</div>
									</div>
								</div>
							</div>
						</div><!--工部row2-->
					</div><!--工部faculty-guidance-content-->
					<!--工学部结束-->

				</div>	
			</div><!--faculty-guidance-details-->			
		</section><!--/.faculty-guidance-->
		<!--院系导航 -->
		<!--凌志到此一游 2022.10.26-->


		<!--daily start -->
		<section id="photos" class="daily">
			<div class="daily-details">
				<div class="section-heading text-center">
					<h2>校园生活</h2>
				</div>
				<div class="container">
					<div class="daily-content">
						<div class="isotope">
							<div class="row">

								<div class="dailycol">
									<div class="item">
										<img src="assets/images/daily/p1.jpg" />
										<div class="isotope-overlay">
											<a href="https://www.whu.edu.cn/">
												室外闲暇
											</a>
										</div>
									</div>
									<div class="item">
										<img src="assets/images/daily/p2.jpg" />
										<div class="isotope-overlay">
											<a href="https://www.whu.edu.cn/">
												百团大战
											</a>
										</div>
									</div>
								</div>

								<div class="dailycol">
									<div class="item">
										<img src="assets/images/daily/p3.jpg" />
										<div class="isotope-overlay">
											<a href="https://www.whu.edu.cn/">
												舌尖上的武大
											</a>
										</div>
									</div>
								</div>
								<!--<div class="dailycol">
									<div class="item">
										<img src="assets/images/daily/p6.jpg" />
										<div class="isotope-overlay">
											<a href="https://www.whu.edu.cn/">
												汉服古朝
											</a>
										</div>
									</div>
								</div>-->


								<div class="dailycol">
									<div class="item">
										<img src="assets/images/daily/p4.jpg" />
										<div class="isotope-overlay">
											<a href="https://www.whu.edu.cn/">
												敦煌武大
											</a>
										</div>
									</div>
									<div class="item">
										<img src="assets/images/daily/p5.jpg" />
										<div class="isotope-overlay">
											<a href="https://www.whu.edu.cn/">
												樱花弥漫
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div><!--/.daily-details-->

		</section>
		<!--daily end -->

		<!--武大年表-->
		<section id="whuyear" class="experience">
			<div class="section-heading text-center">
				
				<h2>武大年表</h2>
		
			</div>
			<div class="container">
				<div class="experience-content">
					<div class="WHUyeartable">
						<ul>
							<li>
								<div class="sinline fix">
									<div class="row">
										<div class="timecol">
											<div class="jianjie text-right">

												<h2>2000 - 至今</h2>
												<h3>武汉大学</h3><br>
												<h4><img src="assets\images\experience\WHU.jpg" alt="WHU.jpg" id="WHU"></h4>
											</div><!--/.jianjie-->
										</div>
										<div class="collegenav timecol">
											<div class="timeline">
												<div class="timeline-content">
													<h4 class="title">
														
														武汉大学
													</h4>
													<p class="description">
														武汉大学、武汉水利电力大学、武汉测绘科技大学、湖北医科大学合并组成新的武汉大学
													</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</li>

							<li>
								<div class="sinline fix">
									<div class="row">
										<div class="collegenav timecol jianjie-responsive">
											<div class="jianjie">
												<h2>
													
													1950-2000
												</h2>
												<h3>武汉大学</h3><br>
												<h4><img src="assets\images\experience\whdx.jpg" alt="whdx.jpg" class="experience-photos"></h4>
											</div><!--/.jianjie-->
										</div>
										<div class="timecol">
											<div class="timeline">
												<div class="timeline-content text-right">
													<h4 class="title">
														武汉大学
													</h4>
													<p class="description">
														武汉大学院系不断完善调整
													</p>
												</div>
											</div>
										</div>
										<div class="collegenav timecol jianjie-main">
											<div class="jianjie">
												<h2>
													
													1950-2000
												</h2>
												<h3>武汉大学</h3><br>
												<h4><img src="assets\images\experience\whdx.jpg" alt="whdx.jpg" class="experience-photos"></h4>
											</div><!--/.jianjie-->
										</div>
									</div>
								</div>
							</li>

							<li>
								<div class="sinline fix">
									<div class="row">
										<div class="timecol">
											<div class="jianjie text-right">
												<h2>1928-1950</h2>
												<h3>国立武汉大学</h3>
												<h4><img src="assets\images\experience\glwhu.jpg" alt="guoliwhu.jpg" class="experience-photos"></h4>
											</div><!--/.jianjie-->
										</div>
										<div class="collegenav timecol">
											<div class="timeline">
												<div class="timeline-content">
													<h4 class="title">
														
														国立武汉大学
													</h4>
													<p class="description">
														改组国立武昌中山大学，组建国立武昌大学。下设文、理、工、法四个学院，后加入农、医学院。
													</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</li>

							<li>
								<div class="sinline fix">
									<div class="row">
										<div class="collegenav timecol jianjie-responsive">
											<div class="jianjie">
												<h2>
																											1926-1927
												</h2>
												<h3>国立武昌中山大学（国立第二中山大学）</h3>
											</div><!--/.jianjie-->
										</div>
										<div class="timecol">
											<div class="timeline">
												<div class="timeline-content text-right">
													<h4 class="title">
														国立武昌中山大学（国立第二中山大学）
													</h4>
													<p class="description">
														1926年，武汉国民政府武昌大学与其他几所学校合并，组建国立武昌中山大学。
													</p>
												</div>
											</div>
										</div>
										<div class="collegenav timecol jianjie-main">
											<div class="jianjie">
												<h2>
													
													1926-1927
												</h2>
												<h3>国立武昌中山大学（国立第二中山大学）</h3><br>
												<h4><img src="assets\images\experience\glwczsdx.jpg" alt="glwczsdx.jpg" class="experience-photos"></h4>
											</div><!--/.jianjie-->
										</div>
									</div>
								</div>
							</li>

							<li>
								<div class="sinline fix">
									<div class="row">
										<div class="timecol">
											<div class="jianjie text-right">
												<!--     1111111111111    						--> <h2>1923-1925</h2>
												<h3>国立武昌师范大学</h3><br>
												<h4><img src="assets\images\experience\glwcsfdx.jpg" alt="glwcsfdx.jpg" class="experience-photos"></h4>
											</div><!--/.jianjie-->
										</div>
										<div class="collegenav timecol">
											<div class="timeline">
												<div class="timeline-content">
													<h4 class="title">
														
														国立武昌师范大学
													</h4>
													<p class="description">
														1923，国立武昌高等师范学校更名为国立武昌大学。
													</p>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="sinline fix">
									<div class="row">
										<div class="collegenav timecol jianjie-responsive">
											<div class="jianjie">
												<h2>
													
													1913-1923
												</h2>
												<h3>国立武昌高等师范学校</h3><br>
											</div><!--/.jianjie-->
										</div>
										<div class="timecol">
											<div class="timeline">
												<div class="timeline-content text-right">
													<h4 class="title">
														国立武昌高等师范学校
													</h4>
													<p class="description">
														辛亥革命以后，北洋政府以方言学堂为基础，于1913年建立国立武昌高等师范学校。
													</p>
												</div>
											</div>
										</div>
										<div class="collegenav timecol jianjie-main">
											<div class="jianjie">
												<h2>
													
													1913-1923
												</h2>
												<h3>国立武昌高等师范学校</h3><br>
												<h4><img src="assets\images\experience\glwcgs.jpg" alt="glwcgs.jpg" class="experience-photos"></h4>
											</div><!--/.jianjie-->
										</div>
									</div>
								</div>
							</li>

							<li>
								<div class="sinline fix">
									<div class="row">
										<div class="timecol">
											<div class="jianjie text-right">
												<h2>1902-1911</h2>
												<h3>湖北方言学堂</h3><br><br>
												<h4><img src="assets\images\experience\hbfyxt.jpg" alt="hbfyxt.jpg" class="experience-photos"></h4>
											</div><!--/.jianjie-->
										</div>
										<div class="collegenav timecol">
											<div class="timeline">
												<div class="timeline-content">
													<h4 class="title">
														
														湖北方言学堂
													</h4>
													<p class="description">
														1902年，自强学堂更名为湖北方言学堂。
													</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</li>

							<li>
								<div class="sinline fix">
									<div class="row">
										<div class="collegenav timecol jianjie-responsive">
											<div class="jianjie">
												<h2>
													1893-1902
												</h2>
												<h3>湖北自强学堂</h3>
											</div><!--/.jianjie-->
										</div>
										<div class="timecol">
											<div class="timeline">
												<div class="timeline-content text-right">
													<h4 class="title">
														湖北自强学堂
													</h4>
													<p class="description">
														张之洞于1893年创办武汉大学的前身湖北自强学堂。
													</p>
												</div>
											</div>
										</div>
										<div class="collegenav timecol jianjie-main">
											<div class="jianjie">
												<h2>
													
													1893-1902
												</h2>
												<h3>湖北自强学堂</h3><br>
												<h4><img src="assets\images\experience\zqxt.jpg" alt="zqxt.jpg" class="experience-photos"></h4>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div><!--.WHUyeartable-->
				</div>
			</div>

		</section>
		<!--欢迎加盟 -->
		<section id="contact" class="contact">
			<div class="section-heading text-center">
				<h2>联系我们</h2>
			</div>
			<div class="container">
					<div class="row">
						<div class="collegenav timecol welcom111">
							<div class="single-contact-box">
								<div class="alignnn">
									<div class="contact-add-head">
										<h3>xiwen_youmu</h3>
										<p>张可为</p>
									</div>
										<div class="contact-add-head">
											<h3>电子邮箱</h3>
											<p>1597083201@qq.com</p>
										</div>
										<div class="contact-add-head">
											<h3>个人网站</h3>
											<p>https://xiwen1.github.io/</p>
										</div>
									</div>
									</div>
								</div><!--/.alignnn-->
						</div>
					</div>

		</section>

	</body>
</html>